<template>
  <div class="chlid">
    <img src="../assets/logo.png" alt="" title="logo" />
    <h2>孩子组件</h2>
    <ul>
      <li v-for="children in childrens" :key="children.id">
        {{ children.title }}
      </li>
    </ul>
  </div>
</template>

<script>
export default {
  data() {
    return {
      childrens: [
        { id: 1, title: "孩子1" },
        { id: 2, title: "孩子2" },
        { id: 3, title: "孩子3" },
      ],
    };
  },
};
</script>

<style lang='less'>
.child h2 {
  color: skyblue;
}
.child {
  ul {
    li {
      color: springgreen;
    }
  }
}
</style>